export const receiveGoodsTableOption = ref(
  Utils.tools.deleteSearchConfig({
    header: false, // 表头工具栏不要（按你图里 BaseCard 顶部控制）
    addBtn: false, // 列表不在表头新增
    editBtn: false, // 行内不出现“编辑/删除”按钮（操作区我们一般自定义）
    delBtn: false,
    border: false,
    height: 280,
    menu: false,
    page: false,
    column: {
      radio: {
        label: "选择",
        width: 60,
        prop: "radio",
        slot: true,
      },
      // 发货人
      updateName: {
        label: "发货人",
        minWidth: 120,
        slot: true,
      },
      // 电话
      telephone: {
        label: "电话",
        minWidth: 120,
      },
      // 所在区域
      street: {
        label: "所在区域",
        minWidth: 140,
        showOverflowTooltip: true,
      },
      // 详细地址
      areaId: {
        label: "详细地址",
        minWidth: 140,
        showOverflowTooltip: true,
        slot: true,
      },
    },
  })
);

export const sendGoodsTableOption = ref(
  Utils.tools.deleteSearchConfig({
    header: false, // 表头工具栏不要（按你图里 BaseCard 顶部控制）
    addBtn: false, // 列表不在表头新增
    editBtn: false, // 行内不出现“编辑/删除”按钮（操作区我们一般自定义）
    delBtn: false,
    border: false,
    height: 280,
    menu: false,
    page: false,
    // menuWidth: 300,    // 如需行内自定义操作区宽度可放开
    column: {
      radio: {
        label: "选择",
        width: 60,
        prop: "radio",
        slot: true,
      },
      // 发货人
      updateName: {
        label: "发货人",
        minWidth: 120,
        slot: true,
      },
      // 电话
      telephone: {
        label: "电话",
        minWidth: 120,
      },
      // 所在区域
      street: {
        label: "所在区域",
        minWidth: 140,
        showOverflowTooltip: true,
      },
      // 详细地址
      areaId: {
        label: "详细地址",
        minWidth: 140,
        showOverflowTooltip: true,
        slot: true,
      },
    },
  })
);

export const searchOption = ref({
  menuPosition: "fixed",
  searchExpand: true,
  expandBtnText: "更多筛选",
  formConfig: {
    id: {
      label: "商品编号",
      component: "el-input", // 默认可不写
      placeholder: "请输入商品编号",
      isCollapse: false,
      hide: false,
      col: {
        span: 6,
      },
    },
    name: {
      label: "商品名称",
      component: "el-input", // 默认可不写
      placeholder: "请输入商品名称",
      isCollapse: false,
      hide: false,
      col: {
        span: 6,
      },
    },
    // 商品类目
    category: {
      label: "商品类目",
      component: "el-cascader",
      dicUrl: Api.product.getProductClassification,
      componentProps: { placeholder: "请选择商品类目", clearable: true },
    },
    rentObject: {
      label: "租赁对象",
      component: "el-select",
      dicUrl: "/support-backend/dict/listChildrenByDictCode",
      dicQuery: { dictCode: "qingyun.product.rent.object.type" },
      dicFormatter: res => {
        const list = Array.isArray(res.data) ? res.data : [];
        return list.map(i => ({ label: i.dictLabel, value: i.dictValue }));
      },
      col: {
        span: 6,
      },
      placeholder: "请选择商品类目",
      isCollapse: true,
      hide: true,
    },
    productType: {
      label: "商品类型",
      col: {
        span: 6,
      },
      component: "el-select",
      dicUrl: "/support-backend/dict/listChildrenByDictCode",
      dicQuery: { dictCode: "qingyun.product.product.type" },
      dicFormatter: res => {
        const list = Array.isArray(res.data) ? res.data : [];
        return list.map(i => ({ label: i.dictLabel, value: i.dictValue }));
      },
      placeholder: "请选择商品类型",
      isCollapse: false,
      hide: false,
    },
    rentPlan: {
      label: "租赁方案",
      component: "el-select",
      dicUrl: "/support-backend/dict/listChildrenByDictCode",
      dicQuery: { dictCode: "qingyun.product.rent.plan" },
      dicFormatter: res => {
        const list = Array.isArray(res.data) ? res.data : [];
        return list.map(i => ({ label: i.dictLabel, value: i.dictValue }));
      },
      placeholder: "请选择租赁方案",
      isCollapse: true,
      hide: true,
      col: {
        span: 6,
      },
    },
    productStatus: {
      label: "商品状态",
      component: "el-select",
      dicData: [
        { label: "草稿", value: 1 },
        { label: "未上架", value: 2 },
        { label: "已上架", value: 3 },
        { label: "已下架", value: 4 },
        // 1.草稿 2.未上架 3.已上架 4.已下架
      ],
      placeholder: "请选择商品状态",
      isCollapse: true,
      hide: true,
      col: {
        span: 6,
      },
    },
  },
});

// 表格配置（去除所有 search* 配置）
export const tableOption = ref(
  Utils.tools.deleteSearchConfig({
    header: false, // 表头工具栏不要（按你图里 BaseCard 顶部控制）
    addBtn: false, // 列表不在表头新增
    editBtn: false, // 行内不出现“编辑/删除”按钮（操作区我们一般自定义）
    delBtn: false,
    border: false,
    expand: true,
    tip: false,
    expandRowKeys: [],
    rowKey: "id",
    expandClassName: "text-center",
    selection: true,
    // menuWidth: 300,    // 如需行内自定义操作区宽度可放开
    column: {
      id: {
        label: "商品信息",
        width: 400,
        slot: true,
      },
      // 品牌名称
      firstCategoryName: {
        label: "商品类目",
        minWidth: 220,
      },
      // 小程序logo
      rentObject: {
        label: "租赁对象",
        minWidth: 120,
        slot: true,
        // 用 slot 渲染成图片（页面里用 `miniProgramLogo` slot）
      },
      // 小程序名称
      rentPlan: {
        label: "租赁方案",
        minWidth: 160,
        slot: true,
      },
      // APPID
      productStatus: {
        label: "商品状态",
        minWidth: 120,
        slot: true,
      },
    },
  })
);
export const tableOptionChildren = ref(
  Utils.tools.deleteSearchConfig({
    tip: false,
    header: false, // 表头工具栏不要（按你图里 BaseCard 顶部控制）
    addBtn: false, // 列表不在表头新增
    editBtn: false, // 行内不出现“编辑/删除”按钮（操作区我们一般自定义）
    delBtn: false,
    border: false,
    menu: false,
    height: 300,
    selection: "left",
    rowKey: "skuId",
    // menuWidth: 300,    // 如需行内自定义操作区宽度可放开
    column: {
      skuId: {
        label: "属性编号",
      },
      specName: {
        label: "规格",
      },
      salesVolume: {
        label: "销量",
        hide: false,
      },
      acceptStatus: {
        label: "接单",
        slot: true,
        hide: false,
      },
    },
  })
);
